<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Task Viewer</title>
  <!--
    <link rel="stylesheet" href="modal.css"/>
    -->
  <style type="text/css">
    .site-bgcolor {
      background: AliceBlue
    }

  </style>
</head>
<body>

<div id="example">
  <table width="600" border="1" align="center" cellpadding="0" cellspacing="0" id="sortTable">
    <thead>
    <tr>
      <th>序号</th>
      <th>地址</th>
      <th>姓名</th>
      <th>年龄</th>
      <th>日期</th>
    </tr>
    </thead>
    <tr>
      <td width="53">1</td>
      <td width="181">山西省长治市</td>
      <td width="117">赵磊</td>
      <td width="117">24</td>
      <td width="120">2006.10.10</td>
    </tr>
    <tr>
      <td>2</td>
      <td>山西省太原市</td>
      <td>李清</td>
      <td>30</td>
      <td>2008.12.30</td>
    </tr>
    <tr>
      <td>3</td>
      <td>河南省郑州市</td>
      <td>常建坤</td>
      <td>51</td>
      <td>2002.08.30</td>
    </tr>
    <tr>
      <td>4</td>
      <td>山东省济南市</td>
      <td>张耀</td>
      <td>20</td>
      <td>2001.01.05</td>
    </tr>
    <tr>
      <td>5</td>
      <td>四川省成都市</td>
      <td>唐骏</td>
      <td>15</td>
      <td>2005.07.08</td>
    </tr>
  </table>

</div>

<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../../node_modules/tablesorter/dist/js/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
  $(function(){
    $("#sortTable").tablesorter();
  });
</script>
</body>
</html>
